<template>
    <div class="demo">
        <h2 class="test">学生姓名:{{ name }}</h2>
        <h2>学生性别:{{ sex }}</h2>
    </div>
</template>

<script>
import Vue from 'vue';
export default Vue.extend({
    name: 'Student',
    data() {
        return {
            name: "张三",
            sex: "男",
        }
    },
}) 
</script>

<style lang="less" scoped>
.demo {
    background-color: orange;

    .test {
        color: red;
    }
}
</style>